<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Embedded</title>
    <link rel="stylesheet" type="text/css" href="${resource(dir:'css',file:'main.css')}"/>
    <link rel="icon" href="${resource(dir:'images',file:'favicon.ico')}" type="image/x-icon" />
    <script type="text/javascript" src="${resource(dir:'js',file:'jquery-1.2.6.pack.js')}"></script>
    <script type="text/javascript" src="${resource(dir:'js',file:'accordion.js')}"></script>
    <script type="text/javascript" src="${resource(dir:'js',file:'depoimento.js')}"></script>
    <g:javascript library="prototype"/>
</head>
<body onload="${remoteFunction(action:'next',controller:'depoimento',update:'depoimentodiv')};${remoteFunction(action:'next',controller:'projeto',update:'projectH')}">
    <div class="hr"></div>
    <div id="top">
    	<div class="wrap">
        	<div id="nav">
            	<a href="${resource(dir:'/layouts/main.gsp')}"><div class="opt" style="width:60px">Home</div></a>
            	<a href="${resource(dir:'/layouts/projetos.gsp')}"><div class="opt" style="width:70px">Projetos</div></a>
            	<a href="${resource(dir:'/layouts/trabalhe.gsp')}"><div class="opt" style="width:125px">Trabalhe Conosco</div></a>
            	<a href="${resource(dir:'/layouts/contato.gsp')}"><div class="opt" style="width:65px">Contato</div></a>
            </div>
        </div>
    </div>
    <div class="div_blue"></div>
    <div id="top_lang">
    	<div class="wrap">
        	<div id="logo"><a href="${resource(dir:'/layouts/main.gsp')}"><img src="${resource(dir:'images',file:'logo.png')}" height="45" alt="embedded logo" title="embedded logo" /></a></div>
            <div id="ef"><a href="${resource(dir:'/layouts/main.gsp')}"><img src="${resource(dir:'images',file:'desc_efe.png')}" height="45" alt="embedded" title="embedded" /></a></div>
            <div id="language">
            	<a href="${resource(dir:'/layouts/contato.gsp')}" style="color:#999"><div class="change"><span><img src="${resource(dir:'images',file:'pt.png')}" width="18" height="16" alt="portuguese" title="portuguese" /></span><span style="padding-left:5px; vertical-align:top">Portuguese</span></div></a>
                <a href="${resource(dir:'/layouts/english/contactus.gsp')}" style="color:#999"><div class="change"><span><img src="${resource(dir:'images',file:'en.png')}" width="18" height="16" alt="english" title="english" /></span><span style="padding-left:5px; vertical-align:top">English</span></div></a>
            </div>
    	</div>
    </div>
    <div id="conteiner">
        <div class="wrap">
        	<div id="left_column">
            	<div id="navV">
                	<ul>
                    	<a href="${resource(dir:'/layouts/embedded.gsp')}" style="color:#333"><li>Embedded</li></a>
                        <img src="${resource(dir:'images',file:'div_navV.jpg')}" class="sp" />
                        <a href="${resource(dir:'/layouts/estrutura.gsp')}" style="color:#333"><li>Estrutura</li></a>
                        <img src="${resource(dir:'images',file:'div_navV.jpg')}" class="sp" />
							<a href="#" style="color:#333" class="accordion">Projetos</a>
                                <div class="accordion">
                                    <a href="${resource(dir:'/layouts/p_pesquisa.gsp')}" style="color:#666"><p>Pesquisa e Desenvolvimento</p></a>
                                    <a href="${resource(dir:'/layouts/p_ensino.gsp')}" style="color:#666"><p>Ensino e Treinamento</p></a>
                                    <a href="${resource(dir:'/layouts/p_empreend.gsp')}" style="color:#666"><p>Inovação e Empreendedorismo</p></a>
                                </div>
                        <img src="${resource(dir:'images',file:'div_navV.jpg')}" class="sp" />
                        <a href="${resource(dir:'/layouts/equipe.gsp')}" style="color:#333"><li>Equipe</li></a>
                        <img src="${resource(dir:'images',file:'div_navV.jpg')}" class="sp" />
                       <a href="${resource(dir:'/layouts/parceiros.gsp')}" style="color:#333"><li>Parceiros</li></a>
                    </ul>
                </div>
                <div id="projectH">
               <!-- 	<p style="padding:35px 0px 0px 15px; font-size:13px; color: #333">Destaque</p>
                    <p style="padding:15px 0px 0px 15px; width:100px; text-align:justify; line-height:14px">Easy visa reduzir a complexidade de acesso de serviços desktop entre outros.</p>
                    <a href="http://easy.garage.maemo.org" style="color:#666"><p style="padding:12px 0px 0px 30px; font-size:11px">ver projeto</p></a> -->
                </div>
                <div id="messages">
                    <div id="depoimentodiv"></div>                 
              <!--      <p style="text-align:right; font-size:11px">
                    <a href="#depoimentPost" onclick="openFormDep()">
                    <font color="#09917c">Crie um depoimento</font></a></p>
                    <div id="depoimentPost" style="text-align:left; font-size:11px"></div> -->
		    <p style="text-align:right; font-size:11px"><a href="${resource(dir:'/layouts/parceiros.gsp')}" style="color="#09917c""><font color="#09917c">Conheça nossos parceiros</font></a></p>
                </div> 
            </div>
            <div id="right_column">
            	<div id="banner2"><a href="#"><img src="${resource(dir:'images',file:'banner_interna.jpg')}" width="700" height="84" alt="banner" /></a></div>
                <div id="box">
                	<p class="pTitle2"><img src="${resource(dir:'images',file:'ic.jpg')}" width="5" height="7" alt="icon" /> Contato</p>
                    <p class="pTxt3">Entre em contato para entrar em contato conosco, tirar dúvidas e enviar sugestões. </p>
                    <p class="pTxt3">Neste espaço você também poderá enviar o link do seu currículo para futuras seleções de trabalho. </p>
                	<p class="pTitle3"><img src="${resource(dir:'images',file:'ic2.jpg')}" width="5" height="7" alt="icon" /> Formulário de contato</p>
                    <p class="pTxt3" style="padding-top:20px; line-height:30px">
                    	<span><label style="margin-left:1px">Nome</label><input name="nome" type="text" style="width:203px" /></span>
                        <span><label style="margin-left:40px">Sobrenome</label><input name="sob" type="text" style="width:200px" /></span><br />
                    	<span><label style="margin-left:1px">E-mail</label><input name="email" type="text" style="width:200px" /></span>
                        <span><label style="margin-left:40px">Telefone</label><input name="tel" type="text" style="width:160px" /></span><br />
                        <span><label style="margin-left:1px">Motivo</label>
                        		<select style="width:200px">
                                	<option selected="selected">Contato</option>
                                    <option>Dúvida</option>
                                    <option>Sugestão</option>
                                </select>
                        </span> <br /> 
                        <span><label style="margin-left:1px; vertical-align:top" >Assunto</label><br /><textarea rows="10" style="width:565px"></textarea><br />                    
                        <span><input class="bt_form" type="submit" value="Enviar" /></span>
                    </p>
                    </div>
                    </div> 
           <div id="twitter">
                                        <p class="pG"><span style="float:left; background-color:#8fbacc; padding:7px 20px 10px 10px; color:#fff">@embedded_ufcg</span><span style="color:#858585; float:right; margin:5px 20px 0px 0px"><a href="http://www.twitter.com/embedded_ufcg" target="_blank" style="text-decoration:none; color:#666"><img src="${resource(dir:'images',file:'icon_twitter.jpg')}" width="23" height="16" alt="icon twitter" title="icon twitter" />siga-nos no twitter</span></a></p>
                    <p class="pB" id="twitter_update_list"></p>
                    <a href="http://twitter.com/embedded_ufcg" id="twitter-link" style="display:block;text-align:right;"></a>
            </div>
            <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
            <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/embedded_ufcg.json?callback=twitterCallback2&amp;count=3"></script>
            </div>
        </div>
        <div id="footer">
            <div class="wrap">
            	<div class="hr"></div>
                <div id="txt"><span style="float:left"><a href="http://www.ufcg.edu.br" target="_blank"><img src="${resource(dir:'images',file:'logo2.png')}" width="31" height="24" alt="UFCG" title="UFCG" /></a><a href="http://embedded.ufcg.edu.br" target="_blank"><img src="${resource(dir:'images',file:'logo1.png')}" width="31" height="29" alt="Embedded" title="Embedded" /></a>
                </span><span style="float:left; margin-left:10px; margin-top:8px"> Copyright - Todos os direitos reservados</span>
                <span style="float:right; margin-top:8px">
                <a href="${resource(dir:'/layouts/privacidade.gsp')}">Política de Privacidade</a>
                <a href="${resource(dir:'/layouts/imprensa.gsp')}">Imprensa</a>
                <a href="${resource(dir:'/layouts/contato.gsp')}">Contato</a></span></div>
            </div>
        </div>
    </div>
</body>
</html>